<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,target-densitydpi=device-dpi">
    <meta name="keywords" content="网站建设、APP开发、微信公共号定制">
    <meta name="description" content="成都千峰云科技有限公司致力于网站建设、APP开发、微信公共号定制等">
    <meta name="author" content="成都千峰云科技有限公司">
    <title>首页</title>
    <!--common-->
    <link rel="stylesheet" href="__TMPL__Public/css/common-m.css">
    <link href="__PUBLIC__/TciocEx/css/style-responsive.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="__PUBLIC__/TciocEx/js/html5shiv.js"></script>
    <script src="__PUBLIC__/TciocEx/js/respond.min.js"></script>
    <![endif]-->
    <!-- Placed js at the end of the document so the pages load faster -->
    <script src="__PUBLIC__/TciocEx/js/jquery-1.10.2.min.js"></script>
    <script src="__PUBLIC__/TciocEx/js/bootstrap.min.js"></script>
    <!--轮播和滑动效果-->
    <link rel="stylesheet" href="__PUBLIC__/js/amazeui/amazeui.min.css">
    <link rel="stylesheet" href="__PUBLIC__/js/amazeui.slick/amazeui.slick.css">
    <script src="__PUBLIC__/js/amazeui.slick/slick.js"></script>
    <script src="__PUBLIC__/js/amazeui/amazeui.js"></script>
    <!-- 必须引入的文件 -->
    <link rel="stylesheet" href="__PUBLIC__/js/nprogress/nprogress.css">
    <script src="__PUBLIC__/js/jquery.pjax/jquery.pjax.js"></script>
    <script src="__PUBLIC__/js/nprogress/nprogress.js"></script>
    <style>
        .am-slider .am-slides img {
            width: 100% }
        .content1{width: 62.5%;margin: 0 auto}
        .case{width: 100%;padding-top: 60px;margin-bottom: 50px}
        .case-titles{font-size: 18px;line-height: 28px;text-align: left;padding-top: 12px;width: 100%}
        .case-ch{font-size: 2.2rem;height: 2.8rem;color: #333333;text-align: center}
        .case-en{font-size: 1.5rem;height: 2.8rem;color: #999999;text-align: center}

        .case-content{padding-top: 20px}
        .case-content .img{width: 44.5% !important;display: inline !important;}
        .case-text{width: 100%;text-align: center}
        .case-p1{font-size: 2rem;line-height: 28px;text-align: center;color: #666666}
        .case-p2{font-size: 1.6rem;line-height: 24px;color: #999999}
        .case-p3{margin: 0 auto;width: 34px !important;height: 28px}
        .am-slider-b3 {  margin: 0;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 0px 0px rgba(0,0,0,.2);        }
        .case img { width: 70% !important; display: block; margin: 0 auto; }
        .am-slider-b3 .am-direction-nav a.am-next { right: 0px; text-align: right; }
        .am-slider-b3 .am-direction-nav a.am-prev { left: 0px; }
        .am-slider-b3 .am-direction-nav a{top: 20%}

        .news{ width: 100%;color: #333333!important; }
        .news-title{ color: #fff;  padding: 28px 10px 0 10px;}
        .news-ch{font-size: 2.2rem;height: 2.8rem;color: #333333;text-align: center;border-bottom: 0px !important;}
        .news-en{font-size: 1.5rem;height: 2.8rem;color: #999999;text-align: center;}
        .content ul{overflow: hidden;padding: 0;margin: 0}
        .content ul li{list-style-type: none; padding-top: 20px;border-top: 1px solid #eee; }
        .list-left{width: 100%;text-align: left}
        .list-right{width: 100%;padding-bottom: 18px}
        .left-p1 {margin:0 ;font-size: 1.8rem;line-height: 24px;text-align: left}
        .right-p1{ font-size: 2rem;color:#000000;margin-bottom: 5px}
        .right-p2 {margin:0 ;font-size: 1.5rem;line-height: 24px;color: #6b6b6b}
        .news-active{background-color: #147ac1}
        .more{    width: 50%;  height: 40px; line-height: 40px; text-align: center;  margin: 0 auto; background-color: #2495e4;  color: #ffffff;   font-size: 20px;}
        /*中心介绍*/
        .about{width: 100%;margin: 0  auto }
        .about-left{width: 100%;}
        .about-left-img{max-width:  100%;}
        .about-right{width: 100%;}
        .about-title{margin-top:30px;font-size: 2.2rem;line-height: 2.8rem;color: #333333;text-align: center}
        .about-en-title{font-size: 1.5rem;line-height: 2.8rem;color: #999999;text-align: center}
        .about-details{font-size: 1.6rem; line-height: 2.2rem;color: #666666;}
        .about-span{float: right;width: 68px;height: 36px;border: 1px solid #ffffff;z-index: 1000}
        .about-span img{width: 22px;height: 10px;margin:13px 24px}
        /*经典设备*/
        .equipment{width: 100%;margin: 0 auto;margin-top: 70px}
        .equipment a{ color: #333333 }
        .eq-active{background-color: #2495e4 ;color: #ffffff}
        .eq-active a{color: #ffffff}
        .eq-left{width: 100%}
        .eq-title{font-size: 2.2rem;line-height: 2.8rem;color: #333333;text-align: center}
        .eq-en-title{font-size: 1.5rem;line-height: 2.8rem;color: #999999;text-align: center}
        /*.eq-right{width: 100%}*/
        /*.eq-right ul li{float: left;list-style:none;height: 36px;width: 25%;text-align: center;font-size: 16px;line-height: 36px;color: #333333}*/
        .eq_content{width: 100%;display: -webkit-inline-box;}
        .eq_content ul{width: 100%;  margin: 0 auto;  padding: 0;}
        .eq_content ul li{

            width: 48.6%;
            /*height: 315px;*/
            /*margin-left: 3%;*/
            float: left;
            list-style: none;
            border: 0;
        }
        .list-img { max-width:  100% ;  height: 17.5rem;margin-top: 20px ;margin-bottom: 15px; text-align:center;overflow: hidden  }
        .list-img img{height: auto;width: 100%;max-height: 100%}
        .title{font-size: 1.18rem;font-weight:bold;line-height: 2rem;text-align: center; color: #666666}
        .list_content{margin-right: 2.8%}
        @media (min-width: 310px) and (max-width: 360px) {
            .title{font-size: 1rem;font-weight:bold;line-height: 2rem;text-align: center; color: #666666}
        }
        .p1{font-size: 14px;line-height: 24px;color: #999999;display: none}
        /*合作伙伴*/
        .my-gallery-slick {width: 100%;margin: 0 auto;}
        .am-gallery-item{width: 80%;margin: 0 auto}
        .am-gallery-item img{ max-height: 50px}
        .slick-arrow{display: none !important;}
        /*联系我们*/

        .form{width: 80%;margin-left: 18%;margin-right: 2%;}
        .form input{height: 40px}
        .form_part{border: 0;  border-bottom: 1px solid #999999;border-radius: 0;  font-size: 14px;line-height: 60px;background-color:transparent !important; }
        .submit { width: 100px; font-size: 16px;line-height:60px;color:#999999;background-color: transparent}

        .am-slider-a4 .am-control-nav {
            width: 25%;
            position: absolute;
            bottom: auto;
            text-align: center;
            line-height: 0;
            top: -39px;
            right: 0px;
        }
        .am-slider-a4 {
            margin-bottom: 30px;
            -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2);
            box-shadow: 0 0px 0px rgba(0,0,0,.2);
        }
        .right{width: 50px;right: 5%;position: fixed; top: 35%; }
        .right li{    margin-bottom: 1px;}

    </style>
</head>
<body style=" font-size: 62.5%;">
<tc_include file="Public:nav" />
<php>
    $index_banner=sp_getslide("banner-m");
</php>
<div class="banner">
    <div data-am-widget="slider" class="am-slider am-slider-b1" data-am-slider='{"controlNav":false}' style="margin: auto auto 2rem auto ;">
        <ul class="am-slides">
            <volist name="index_banner" id="in" key="k">
                <li>
                    <a href="{$in.slide_url}">
                        <if condition="!empty($in['slide_pic'])">
                            <img src="{:sp_get_image_preview_url($in['slide_pic'])}"  >
                            <else />
                            <img src="__TMPL__Public/images/banner-m.png">
                        </if>
                    </a>
                </li>
            </volist>
        </ul>
    </div>

</div>
<!--中心介绍-->
<div class="col-md-12" style="width: 94.66%;margin: 0 auto;padding: 0px">
    <div class="about">
        <php>
            $about_tid=1;
            $about_term=sp_get_term($about_tid );
            $about_us=sp_getslide("about_us");
        </php>
        <div class="about-right"  >
            <a href="{:leuu('list/index',array('id'=>$about_term['term_id']))}"><div class="about-title">{$about_term['name']}</div></a>
            <div  class="about-en-title">{$about_term['slug']}</div>
            <p  class="about-details">{:msubstr($about_us[0]['slide_content'],0,82)}</p>
            <p>
                <a href="{:leuu('list/index',array('id'=>$about_term['term_id']))}" style="color: #ffffff" >
                    <div class="more" >MORE</div>
                </a>
            </p>
        </div>
        <div class="about-left" >
            <if condition="!empty($about_us[0]['slide_pic'])">
                <img class="about-left-img"  src=" {:sp_get_image_preview_url($about_us[0]['slide_pic'])}"  >
                <else />
                <img class="about-left-img"   src="__TMPL__Public/images/index/about.png" alt="">
            </if>
        </div>
    </div>
</div>
<div class="col-md-12" >
    <!--新闻动态-->
    <php>
        $news_tid=6;
        $news_term=sp_get_term($news_tid);
        $news_list=sp_sql_posts_paged_bycatid($news_tid,"order:istop desc,listorder DESC,post_date DESC;where:recommended=1;",5);
    </php>
    <div class="news  ">
        <a href="{:leuu('list/index',array('id'=>$news_term['term_id']))}">
            <div class="news-title" >
                <div class="news-ch">{$news_term['name']}</div>
                <div class="news-en">{$news_term['slug']}</div>
            </div>
        </a>
        <div class="content">
            <ul style="list-sytle:none;padding-bottom: 25px">
                <volist name="news_list['posts']" id="new" key="k" offset="0" length='5' >
                    <li>
                        <div class="list-left" style="width: 100%;">
                            <div style="width: 100%;margin: 0 auto;">
                                <p class="left-p1" ><span style="color: #858585"><php>echo date('m-d ',strtotime($new['post_date']));</php></span> <span style="color: #b8b8b8"><php>echo date('Y',strtotime($new['post_date']));</php></span></p>
                            </div>
                        </div>
                        <a href="{:leuu('article/index',array('id'=>$new['object_id'],'cid'=>$new['term_id']))}">
                            <div  class="list-right" >
                                <p  class="right-p1" >{:msubstr($new['post_title'],0,13)}</p>
                                <p class="right-p2" >{:msubstr($new['post_excerpt'],0,40)} </p>
                            </div>
                        </a>
                    </li>
                </volist>
            </ul>
            <div >
                <a href="{:leuu('list/index',array('id'=>$news_term['term_id']))}">
                    <div class="more">MORE</div>
                </a>
            </div>
        </div>
    </div>
    <!--典型案例-->
        <div class="case">
            <php>
                $term=sp_get_term(3);
                $term_list=sp_get_child_terms(3);
            </php>
                <div class="case-titles">
                    <div class="case-ch">{$term['name']}</div>
                    <div class="case-en">{$term['slug']}</div>
                </div>

            <div data-am-widget="slider" class="am-slider am-slider-b3" data-am-slider='{"controlNav":false}' >

                <ul class="am-slides">
                    <volist name="term_list" id="te" key="k">
                        <php>
                            $id=$te['term_id'];
                            $lists=sp_sql_posts("cid:$id;field:post_title,post_excerpt,object_id,smeta,term_id;order:istop desc,listorder DESC,post_modified DESC;where:recommended=1;");
                            $smeta=json_decode($lists[0]['smeta'],true);
                        </php>
                        <li>
                            <if condition="!empty($smeta['thumb'])">
                                <img class="img" src="{:sp_get_asset_upload_path($smeta['thumb'])}" style="width: 70%"   >
                                <else />
                                <img  class="img" src="__TMPL__Public/images/index/case.png"  style="width: 70%" alt="">
                            </if>

                            <a href="{:leuu('list/index',array('id'=>$te['term_id']))}">
                                <div class="case-content">

                                    <div class="case-text" >
                                        <p class="case-p1">{$lists[0]['post_title']}</p>
                                        <p class="case-p2">{$lists[0]['post_excerpt']}</p>
                                        <p class="case-p3" style="width: 16px"><img src="__TMPL__Public/images/index/back-m.png" alt=""  style="width: 100%"></p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </volist>
                </ul>
            </div>

        </div>

    <!--</div>-->
</div>

<!--经典设备-->
<div class="col-md-12" style="width: 94.66%;margin: 0 auto;padding: 0px">
    <php>
        $ab_tid=2;
        $term_id=$_GET['id'];
        $about_tid =$term_id?$term_id:$ab_tid;
        $term=sp_get_term($about_tid );//获取当前分类信息
        $path=preg_split("/-|and/", $term['path']);
        $term_list=sp_get_child_terms($path['1']);
        $terms=sp_get_term($path['1']);//获取一级分类信息
        $term_name=sp_get_term($path['2'] );//获取二级分类信息
        $eq_lists=sp_sql_posts_paged_bycatid($ab_tid,"order:istop desc,listorder DESC,post_modified DESC,recommended DESC;",6);

    </php>
    <div class="equipment" >
        <div style="height: 56px">
            <div class="eq-left">
                <div class="eq-title">{$terms['name']}</div>
                <div class="eq-en-title">{$terms['slug']}</div>
            </div>
            <!--<div class="eq-right">-->
                <!--<ul>-->
                    <!--<li><a href="" data-pjax="true" >纳米CT</a></li>-->
                    <!--<li class="eq-active"><a href="" data-pjax="true" >高能CT</a></li>-->
                    <!--<li><a href="https://www.baidu.com" data-pjax="true" >低能CT</a></li>-->
                    <!--<li><a href="equipment.html"><img src="__TMPL__Public/images/index/eq-jt.png" alt=""></a></li>-->
                <!--</ul>-->
            <!--</div>-->
        </div>
        <div class="eq_content" >
            <ul>
                <volist name="eq_lists['posts']" id="vo" key="k" mod="2" >
                    <php> $smeta=json_decode($vo['smeta'],true);</php>
                    <li  <neq name="mod" value="1">class="list_content"</neq>  >
                        <a href="{:leuu('article/index',array('id'=>$vo['object_id'],'cid'=>$vo['term_id']))}">
                            <div class="list-img">
                                <if condition="!empty($smeta['thumb'])">
                                    <img src="{:sp_get_asset_upload_path($smeta['thumb'])}"  height="100%" >
                                    <else />
                                    <img src="__TMPL__Public/images/equipment/list1.png" alt="" height="100%">
                                </if>
                            </div>
                            <P class="title">{:msubstr($vo['post_title'],0,12)}</P>
                        </a>
                    </li>
                </volist>
            </ul>
        </div>
        <p>
            <a href="{:leuu('list/index',array('id'=>$terms['term_id']))}" style="color: #ffffff" >
                <div class="more" >MORE</div>
            </a>
        </p>
    </div>
</div>
<hr style="box-sizing: content-box; height: 1px; margin: 30px  auto; border-right: 0px rgb(221, 221, 221); border-bottom: 0px rgb(221, 221, 221); border-left: 0px rgb(221, 221, 221); border-top-color: rgb(221, 221, 221); border-image: initial; border-top-style: solid;">
<!--合作伙伴-->
<div class="col-md-12  " style="width: 94.66%;margin:30px  auto;padding: 0px">
    <php>$partner=sp_getlinks(1,"" ); </php>
    <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 my-gallery-slick
      am-avg-md-3 am-avg-lg-4 am-gallery-default" data-am-gallery="{ pureview: false }"  >
        <volist name="partner" id="pa" key="k" >
            <li>
               <div class="am-gallery-item">
                    <a href="{$pa.link_url}" class="" target="{$pa.link_target}" >
                        <if condition="!empty($pa['link_image'])">
                            <img src="{:sp_get_asset_upload_path($pa['link_image'])}"   >
                            <else />
                            <img src="__TMPL__Public/images/index/link.png"   alt=""/>
                        </if>
                    </a>
               </div>
            </li>
        </volist>
    </ul>
</div>
<tc_include file="Public:footer" />
</body>
</html>
<script>
    $('.my-gallery-slick').slick({"slidesToShow":2,"slidesToScroll":2});
</script>

<script>
    $(function(){
        /* 使用pjax + NProgress 插件  */
        //$(document).pjax('a[data-pjax="true"]',"#content",{scrollTo:false,type:"post"});
        $.pjax.defaults.timeout = 3000;
        $(document).pjax('a[data-pjax="true"]',".equipment",{scrollTo:false,type:"post",fragment:('.equipment'),show:'fade'});
        NProgress.configure({showSpinner: false});
        NProgress.start();
        $(window).load(function() {NProgress.done();});
        $(document).on('pjax:start', function() { NProgress.start(); });
        $(document).on('pjax:end',   function() { NProgress.done(); });
    });
</script>
